<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <title>教师专区</title>
      <link rel="stylesheet" href="../static/css/bootstrap.min.css">
      <link rel="stylesheet" href="../static/css/hover-min.css">
      <link rel="stylesheet" href="../static/css/style.css">
      <link rel="stylesheet" href="../static/css/content.css">
    </head>
    <body>
        <!--导航栏-->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
              <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="javascript:void(0);"><img src="../static/img/header.png"/></a>
              </div>
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav">
                      <li><a class="nav-location" href="../info/index.html">门户网站</a></li>
                      <li><a class="nav-location" href="../allmanage/index.html">综合管理</a></li>
                      <li><a class="nav-location" href="../stumanage/index.html">学生专区</a></li>
                      <li class="active"><a>教师专区</a></li>
                      <li><a class="nav-location" href="../promanage/index.html">管理员专区</a></li>
                      <li><a class="nav-location" href="../dailyjob/index.html">日常办公</a></li>
                      <li><a class="nav-location" href="#">关于我们</a></li>
                      <li><a>sid</a></li>
                  </ul>
              </div>
            </div>
        </nav>

        <!--左侧菜单栏-->
        <div id="menuLeft">
            <ul>
                <li class="active"><a href="#tea-checkDuty"><span>点到</span></a></li>
                <li><a href="#tea-correctGrade"><span>给成绩</span></a></li>
            </ul>
        </div>

        <!--内容块-->
        <div class="content">
            <div id="tea-checkDuty">
              <h3>您的实习课程</h3>
              <div id="tea-course">
                <div class="course hvr-sweep-to-right">
                  <div class="tea-courseId">0001</div>
                  <div class="tea-courseContent">机器人实验 第一周 周五 第1、2节</div>
                  <button class="btn btn-success tea-course-check-btn" data-toggle="modal" data-target="#tea-checkDuty-modal">考勤</button>
                </div>
                <div class="course hvr-sweep-to-right">
                    <div class="tea-courseId">0002</div>
                    <div class="tea-courseContent">足球实验 第二周 周四 第5、6节</div>
                    <button class="btn btn-success tea-course-check-btn" data-toggle="modal" data-target="#tea-checkDuty-modal">考勤</button>
                </div>
              </div>
            </div>

            <div id="tea-correctGrade" style="display: none;">
              <h3>给成绩</h3>
              <div class="flex-box">
                <div class="card hvr-bounce-in" data-labName="机器人实验">
                    <div class="tea-labId">0001</div>
                    <div class="tea-correctGrade-labName">机器人实验</div>
                    <button class="btn btn-success tea-correct-btn" data-toggle="modal" data-target="#tea-correctGrade-modal">给成绩</button>
                </div>
                <div class="card hvr-bounce-in" data-labName="足球实验">
                    <div class="tea-labId">0001</div>
                    <div class="tea-correctGrade-labName">足球实验</div>
                    <button class="btn btn-success tea-correct-btn" data-toggle="modal" data-target="#tea-correctGrade-modal">给成绩</button>
                </div>
              </div>
            </div>
        </div>

        <!-- 考勤框 -->
        <div class="modal fade" id="tea-checkDuty-modal" tabindex="-1" role="dialog" aria-labelledby="tea-checkDuty-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="tea-checkDuty-modal-label" data-courseId="0001">足球实验 第二周 周四 第5、6节</h4>
              </div>
              <div class="modal-body">
                  <table class="table table-bordered">
                      <thead>
                          <tr><td>学号</td><td>姓名</td><td>平时成绩</td><td>状态</td></tr>
                      </thead>
                      <tbody id="tea-checkDuty-table">
                          <tr>
                            <td>0001</td>
                            <td>Sid</td>
                            <td><input class="form-control"></input></td>
                            <td>
                                <select class="form-control">
                                    <option></option>
                                    <option>已到</option>
                                    <option>未到</option>
                                </select>
                            </td>
                          </tr>
                          <tr>
                            <td>0002</td>
                            <td>Mingen</td>
                            <td><input class="form-control"></input></td>
                            <td>
                                <select class="form-control">
                                    <option></option>
                                    <option>已到</option>
                                    <option>未到</option>
                                </select>
                            </td>
                          </tr>
                          <tr>
                            <td>0003</td>
                            <td>Natalie</td>
                            <td><input class="form-control"></input></td>
                            <td>
                                <select class="form-control">
                                    <option></option>
                                    <option>已到</option>
                                    <option>未到</option>
                                </select>
                            </td>
                          </tr>
                          <tr>
                            <td>0004</td>
                            <td>Airdy</td>
                            <td><input class="form-control"></input></td>
                            <td>
                                <select class="form-control">
                                    <option></option>
                                    <option>已到</option>
                                    <option>未到</option>
                                </select>
                            </td>
                          </tr>
                      </tbody>
                  </table>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="post-checkDutyConfirm">确认</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 成绩框 -->
        <div class="modal fade" id="tea-correctGrade-modal" tabindex="-1" role="dialog" aria-labelledby="tea-correctGrade-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="tea-correctGrade-modal-label">足球实验</h4>
              </div>
              <div class="modal-body">
                  <table class="table table-bordered">
                      <thead>
                          <tr><td>学号</td><td>姓名</td><td>成绩</td></tr>
                      </thead>
                      <tbody id="tea-correctGrade-table">
                          <tr>
                            <td>0001</td>
                            <td>Sid</td>
                            <td><input class="form-control"></input></td>
                          </tr>
                          <tr>
                            <td>0002</td>
                            <td>Mingen</td>
                            <td><input class="form-control"></input></td>
                          </tr>
                          <tr>
                            <td>0003</td>
                            <td>Natalie</td>
                            <td><input class="form-control"></input></td>
                          </tr>
                          <tr>
                            <td>0004</td>
                            <td>Airdy</td>
                            <td><input class="form-control"></input></td>
                          </tr>
                      </tbody>
                  </table>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="post-correctGradeConfirm">确认</button>
              </div>
            </div>
          </div>
        </div>

        <script src="../static/js/jquery.min.js"></script>
        <script src="../static/js/bootstrap.min.js"></script>
        <script src="../static/js/style.js"></script>
        <script src="../static/js/teamanage.js"></script>
        <script>
        // $('#post-checkDutyConfirm').on('click', function(){
        //     var params = {
        //       stu:[],
        //       courseId: $('#tea-checkDuty-modal-label').attr('data-courseId'),
        //       username: username,
        //       role: role
        //     };
        //     var trs = $('#tea-checkDuty-table').children();
        //     $.each(trs, function(i, e){
        //         params.stu.push({
        //             stuId: $(e).children('td').eq(0).text(),
        //             stuName: $(e).children('td').eq(1).text(),
        //             stuGrade: $(e).children('td').eq(2).children('input').val(),
        //             stuState: $(e).children('td').eq(3).children('select').children('option:selected').text()
        //         });
        //     });
        //     console.log(params);
        // });
        </script>
    </body>
</html>
